<%@ page language="java" pageEncoding="utf-8"%>

<!DOCTYPE html>
<html>
<head>
	<%@include file="../common/base.jsp"%>
	<meta charset="utf-8" />
	<meta name ="viewport" content ="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1" />
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
	<meta http-equiv="expires" content="0">
	<title>已完成</title>
    <link rel="stylesheet" type="text/css" href="${base}/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="${base}/css/global.css?version=${version}">
    <link rel="stylesheet" type="text/css" href="${base}/css/takecar.css?version=${version}">
    <style type="text/css">
        .layui-layer {
            border-radius: 0px !important;
        }
    </style>
</head>
<body>
    <div class="container-fluid">
    	<div class="divBox driver-info">
    		<div class="row">
    			<div class="col-xs-3 text-center imgBox">
					<img class="" src="${base}/images/man.png">
				</div>
				<div class="col-xs-7 infoBox">
					<p class="p">
						<span class="dname">${sessionScope.driverDto.name}</span>
						<span class="pingfen">
							<img src="${base}/images/star_s.png">
							${sessionScope.driverDto.score}
						</span>
						${sessionScope.driverDto.orderCount}单
					</p>
					<p style="font-size: 16px;" class="p">
						<span style="margin-right: 5px;">${sessionScope.driverDto.plateNum}</span>
						<span>${sessionScope.driverDto.carColor}${sessionScope.driverDto.brandName}</span>
					</p>
				</div>
				<div class="col-xs-2 text-center imgBox">
					<a href="tel:${sessionScope.driverDto.mobile}">
						<img class="phone-img" src="${base}/images/phone.png">
					</a>
				</div>
    		</div>
			<p class="tip">
				到达目的地，订单已完成
			</p>
    	</div>
    	<div class="divBox router-info">
    		<p>
    			<img class="img img1" src="${base}/images/time.png">
    			<span>${sessionScope.departTime}</span>
    		</p>
    		<p>
    			<img class="img img2" src="${base}/images/qidian.png">
    			<span>${sessionScope.originDetailAddress}</span>
    		</p>
    		<p>
    			<img class="img img3" src="${base}/images/zhongdian.png">
    			<span>${sessionScope.destDetailAddress}</span>
    		</p>
            <div class="paymoney">
                <p class="text-center">
                    共<span style="font-size: 26px;">${sessionScope.totalFare}</span>元
                </p>
                <%--<a class="text-center btn-rated" href="#">--%>
                    <%--<img class="img" src="/images/star_pre_big.png">--%>
                    <%--<img class="img" src="/images/star_pre_big.png">--%>
                    <%--<img class="img" src="/images/star_pre_big.png">--%>
                    <%--<img class="img" src="/images/star_pre_big.png">--%>
                    <%--<img class="img" src="/images/star_big.png">--%>
                <%--</a>--%>
            </div>
    	</div>
    </div>
</body>
<script type="text/javascript" src="${base}/js/jquery.min.js"></script>
<script type="text/javascript" src="${base}/plugin/layer-v3.0.3/layer.js"></script>
<script type="text/javascript" src="${base}/js/localStorageOpt.js?version=${version}"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
	
	var $document = $(document);
    
    $document.on('click','.btn-rated',function(){

        layer.open({
            type: 2,
            title: false,
            closeBtn: false,
            shadeClose: false,
            //skin: 'layui-layer-rim', //加上边框
            area: ['100%', '200px'], //宽高,
            shadeClose: true,
            anim: 'up',
            content: '${base}/yue/ratedetail',
            offset: 'lb'
        });
    });

	setInterval(goIndex,5000);
	function goIndex() {
		window.location.href = "${base}/yue/index";
	}
});
</script>
</html>